<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/find.css">
  <link rel="stylesheet" href="../font_xkv591l8dn/iconfont.css">
</head>
<body>
    <!-- 头部 -->
    <header class="wrapper clear">
        <h1>发现</h1>
        <div id="menu">
            <div class="m_s">
                <i></i>
                <i></i>
            </div>
           <div class="m_s">
                <i></i>
                <i></i>
           </div>
        </div>
    </header>

    <!-- 导航 -->
    <nav class="wrapper">
        <div class="n_part">
            <div class="n_item">
                <img src="../img/images/findnav_03.gif" alt="">
                <p>蓝星环游</p>
            </div>
            <div class="n_item">
                <img src="../img/images/findnav_05.gif" alt="">
                <p>健身课程</p>
            </div>
            <div class="n_item">
                <img src="../img/images/findnav_07.gif" alt="">
                <p>卡卡兑换</p>
            </div>
            <div class="n_item">
                <img src="../img/images/findnav_09.gif" alt="">
                <p>知识头条</p>
            </div>
            <div class="n_item">
                <img src="../img/images/findnav_11.gif" alt="">
                <p>热门活动</p>
            </div>
        </div>
        <div class="n_part">
            <div class="n_item">
                <img src="../img/images/findnav_18.gif" alt="">
                <p>音乐助眠</p>
            </div>
            <div class="n_item">
                <img src="../img/images/findnav_19.gif" alt="">
                <p>专家直播</p>
            </div>
            <div class="n_item">
                <img src="../img/images/findnav_20.gif" alt="">
                <p>心里测试</p>
            </div>
            <div class="n_item">
                <img src="../img/images/findnav_21.gif" alt="">
                <p>体态评估</p>
            </div>
            <div class="n_item">
                <img src="../img/images/findnav_22.gif" alt="">
                <p>精选服务</p>
            </div>
        </div>
    </nav>

    <!-- 本周热门 -->
    <section class="wrapper">
        <h2>本周热门</h2>
        <div class="s-part">
            <img src="../img/images/find_03.gif" alt="">
            <p>夏日有氧健走</p>
            <span class="s_tip">活动</span>
            <span>健走5000步，打卡五天赢「动感单车」
            </span>
        </div>
        <div class="s-part">
            <img src="../img/images/find_06.gif" alt="">
            <p>遭遇"失温"时，正确的做法是什么</p>
            <span class="s_tip">资讯</span>
            <span>牢记这7个抢救方法</span>
        </div>
        <div class="s-part">
            <img src="../img/images/find_08.gif" alt="">
            <p>"中国铁人日"线上挑战赛</p>
            <span class="s_tip">活动</span>
            <span>选择档位，限时点亮「中国铁人」珍藏勋章
            </span>
        </div>
        <div class="s-part">
            <img src="../img/images/find_10.gif" alt="">
            <p>超实用减脂工具上线，你使用了吗？</p>
            <span class="s_tip">服务</span>
            <span>夏日减脂必看：轻断食</span>
        </div>
        <div class="s-part">
            <img src="../img/images/find_12.gif" alt="">
            <p>睡不好危害多，这样才能拥有一个好睡眠！</p>
            <span class="s_tip">资讯</span>
            <span>请查收夏日睡眠小贴士</span>
        </div>
        <div class="s-part">
            <img src="../img/images/find_14.gif" alt="">
            <p>足不出户享名医健康呵护</p>
            <span class="s_tip">资讯</span>
            <span>专家专栏，为健康保驾护航</span>
        </div>
        <div class="s-part">
            <img src="../img/images/find_16.gif" alt="">
            <p>「三天」型动打卡</p>
            <span class="s_tip">活动</span>
            <span>每天10分钟，挑战成功赢动感单车</span>
        </div>
        <div class="s-part">
            <img src="../img/images/find_18.gif" alt="">
            <p>这5种习惯，正在伤害你</p>
            <span class="s_tip">资讯</span>
            <span>"什么都不想干，就想这么瘫着"</span>
        </div>
    </section>
    <!-- 尾部 -->
    <footer class="wrapper">
        <div class="f_part">
           <p class="iconfont">&#xe60a;</p>
           <span>健康</span>
        </div>
        <div  class="f_part">
            <p class="iconfont">&#xe61c;</p>
            <span>运动</span>
         </div>
         <div  class="f_part now">
            <p class="iconfont">&#xe66a;</p>
            <span>发现</span>
         </div>
         <div  class="f_part">
            <p class="iconfont">&#xe614;</p>
            <span>设备</span>
         </div>
         <div  class="f_part">
            <p class="iconfont">&#xe630;</p>
            <span>我的</span>
         </div>
    </footer>
</body>
</html>